{% load staticfiles %}
{% load i18n %}
{% load dajaxice_templatetags %}
{% load groups_tag %}
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>{% block title %}{% endblock %} | 伊米妮人事管理系统</title>
<link rel="stylesheet" href="{% static 'framework/bootstrap3.0.1/css/bootstrap.css' %}">
<link rel="stylesheet" href="{% static 'framework/inspinia/css/font-awesome.css' %}">
<link rel="stylesheet" href="{% static 'sitebase/css/emini_work.css' %}">
<link rel="stylesheet" href="{% static 'sitebase/css/animate.css' %}">
{% block headcss %}
{% endblock %}
<script src="{% static 'framework/jquery/jquery-1.11.0.min.js' %}" type="text/javascript"></script>
<script src="{% static 'framework/bootstrap3.0.1/js/bootstrap.min.js' %}" type="text/javascript"></script>
<script src="{% static 'framework/inspinia/inspinia.js' %}" type="text/javascript"></script>
<script src="{% static 'framework/inspinia/js/jquery.metisMenu.js' %}"></script>
{% block headjs %}
{% endblock %}
</head>

<body class="pace-done">

    <div id="wrapper">
        <!--侧边导航开start-->
        <nav class="navbar-default navbar-static-side" role="navigation">
            <div class="sidebar-collapse">
                <ul class="nav" id="side-menu">
                    <li class="nav-header">

                        <div class="dropdown profile-element">
                        	<span><!--<img alt="image" src="img/emini_logo.png"/ style="width:160px;">--> <img class="img-circle" src="{% static 'pages/login/emini_logo.jpg' %}" style="width:160px;"></span>
                            <a data-toggle="dropdown" class="dropdown-toggle" href="#">
                            <span class="clear"><span class="text-muted text-xs block" style="text-align:center; margin-top:10px;">{{ user.staff.name }}<b class="caret"></b></span></span>
                            </a>
	                        {% if user.is_authenticated %}
                            <ul class="dropdown-menu animated fadeInRight m-t-xs">
                                <li><a href="#">密码修改</a></li>
{#                                <li><a href="{% url 'staff_detail_staff' user.staff.id %}">个人信息</a></li>#}
                                <li class="divider"></li>
                                <li><a href="{% url 'auth_logout' %}">退出登录</a></li>
                            </ul>
	                        {% endif %}
                        </div>
                        <div class="logo-element" style="background:#ffc801;">
                            <img src="{% static 'pages/login/emini_img_logo.jpg' %}" style="width:54px;"/>
                        </div>

                    </li>
                    {% if user.is_authenticated %}
                    <li class="">
                        <a href="/"><i class="glyphicon glyphicon-home"></i> <span class="nav-label">首页</span> <span class="fa glyphicon glyphicon-chevron-right pull-right"></span></a>
                    </li>

                    <li class="">
                        <a href="#"><i class="glyphicon glyphicon-user"></i> <span class="nav-label">图片管理</span><span class="fa glyphicon glyphicon-chevron-right pull-right"></span></a>
                        <ul style="height: auto;" class="nav nav-second-level collapse">
                            <li><a href="{% url 'pic_network_pic' %}">煎蛋图片抓取</a></li>
                            <li><a href="{% url 'pic_network_pic' %}">库内图片管理</a></li>
{#                            <li><a href="{% url 'department_department_list' %}">职位管理</a></li>#}
{#                            <li><a href="{% url 'department_department_list' %}">级别管理</a></li>#}
                        </ul>
                    </li>
{#                    <li>#}
{#                        <a href="#"><i class="glyphicon glyphicon-envelope"></i> <span class="nav-label">人事日常</span><span class="fa glyphicon glyphicon-chevron-right pull-right"></span></a>#}
{#                        <ul class="nav nav-second-level collapse">#}
{#                            <li><a href="{% url 'department_department_list' %}">考勤信息</a></li>#}
{#                            <li><a href="{% url 'department_department_list' %}">请假信息</a></li>#}
{#                        </ul>#}
{#                    </li>#}
{#                    <li>#}
{#                        <a href="{% url 'announcement_announcement_list' %}"><i class="glyphicon glyphicon-th-list"></i> <span class="nav-label">公告栏管理</span> <span class="fa glyphicon glyphicon-chevron-right pull-right"></span></a>#}
{#                    </li>#}
{#                    <li>#}
{#                        <a href="#"><i class="glyphicon glyphicon-glass"></i> <span class="nav-label">工资管理</span><span class="fa glyphicon glyphicon-chevron-right pull-right"></span></a>#}
{#                        <ul class="nav nav-second-level collapse">#}
{#                            <li><a href="{% url 'department_department_list' %}">每月工资变动</a></li>#}
{#                            <li><a href="{% url 'department_department_list' %}">工资计算</a></li>#}
{#                            <li><a href="{% url 'department_department_list' %}">福利规则</a></li>#}
{#                        </ul>#}
{#                    </li>#}
{#                    <li>#}
{#                        <a href="{% url 'department_department_list' %}"><i class="glyphicon glyphicon-heart"></i> <span class="nav-label">kpi管理</span><span class="fa glyphicon glyphicon-chevron-right pull-right"></span></a>#}
{#                    </li>#}
{#                    <li>#}
{#                        <a href="{% url 'department_department_list' %}"><i class="fa fa-smile-o"></i> <span class="nav-label">报表分析</span><span class="fa glyphicon glyphicon-chevron-right pull-right"></span></a>#}
{#                    </li>#}
{#                    <li>#}
{#                        <a href="{% url 'department_department_list' %}"><i class="glyphicon glyphicon-th"></i> <span class="nav-label">系统日志</span> <span class="fa glyphicon glyphicon-chevron-right pull-right"></span></a>#}
{#                    </li>#}
                    {% endif %}
                </ul>

            </div>
        </nav>
        <!--侧边导航开end-->

        <!--主页面start-->
        <div id="page-wrapper" class="gray-bg">

        <!--顶部start-->
        <div class="row border-bottom">
        <nav class="navbar navbar-static-top" role="navigation" style="margin-bottom: 0;box-shadow:8px 0px 6px rgba(0, 0, 0, 0.35);">
        <div class="navbar-header">
            <a class="navbar-minimalize minimalize-styl-2 btn btn-primary" style="background:#ffc801; border:1px solid #e0b002;" href="#"><i class="fa fa-bars"></i> </a>
            <p class="navbar-form-custom" style="position:absolute; margin:20px 0 0 70px;"><strong>伊米妮员工管理系统</strong></p>
        </div>
            <ul class="nav navbar-top-links navbar-right">
                <li>
                    <span class="m-r-sm text-muted welcome-message">伊米妮，绝对真皮艺术！</span>
                </li>




                <li>
                    <a href="{% url 'auth_logout' %}">
                        <i class="glyphicon glyphicon-log-in"></i> Log out
                    </a>
                </li>
            </ul>
        </nav>
        </div>
        <!--顶部end-->

	{% if messages %} {% for message in messages %}
		<div class="alert alert-{% if message.tags == 'error'%}danger{% else %}{{message.tags}}{% endif %}">
			<a class="close" data-dismiss="alert">×</a>
			<strong>{{message}}</strong>
		</div>
	{% endfor %} {% endif %}

    {% block content %}

    {% endblock %}

        </div>
		<!--主页面end-->

    </div>
{% block footjs %}
{% endblock %}
</body>
</html>